package com.frxuexi.apps

import android.os.Environment
import android.util.Log
import androidx.compose.foundation.clickable
import androidx.compose.foundation.layout.Arrangement
import androidx.compose.foundation.layout.Box
import androidx.compose.foundation.layout.Column
import androidx.compose.foundation.layout.Row
import androidx.compose.foundation.layout.Spacer
import androidx.compose.foundation.layout.fillMaxWidth
import androidx.compose.foundation.layout.height
import androidx.compose.foundation.layout.padding
import androidx.compose.foundation.layout.size
import androidx.compose.foundation.lazy.grid.GridCells
import androidx.compose.foundation.lazy.grid.LazyVerticalGrid
import androidx.compose.foundation.lazy.grid.items
import androidx.compose.material.icons.Icons
import androidx.compose.material.icons.filled.ArrowBack
import androidx.compose.material3.AlertDialog
import androidx.compose.material3.CircularProgressIndicator
import androidx.compose.material3.Icon
import androidx.compose.material3.Text
import androidx.compose.runtime.Composable
import androidx.compose.runtime.LaunchedEffect
import androidx.compose.runtime.getValue
import androidx.compose.runtime.mutableStateOf
import androidx.compose.runtime.remember
import androidx.compose.runtime.setValue
import androidx.compose.runtime.snapshots.SnapshotStateList
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
import androidx.compose.ui.text.style.TextAlign
import androidx.compose.ui.unit.dp
import androidx.hilt.navigation.compose.hiltViewModel
import androidx.navigation.NavHostController
import coil3.compose.AsyncImage
import com.blankj.utilcode.util.ToastUtils
import com.frxuexi.lib_base.BaseApp
import com.frxuexi.lib_base.BaseTitle
import com.frxuexi.lib_base.HttpType
import com.frxuexi.lib_base.UiState
import kotlinx.coroutines.launch
import java.io.File

@Composable
fun AppsPage(navHostController: NavHostController,vm: AppsViewModel = hiltViewModel()) {
    var list = remember {
        SnapshotStateList<AppsEntity>()
    }
    var isShowProgress by remember {
        mutableStateOf(false)
    }
    val path=BaseApp.context.getExternalFilesDir(Environment.DIRECTORY_DOWNLOADS)
    LaunchedEffect(key1 = "", block = {
        launch {
            vm.state.collect {
                when (it) {
                    is UiState.onSuccess<*> -> {
                        if(it.type==HttpType.DOWNLOAD){
                            Log.i("===", "下载成功")
                            ToastUtils.showLong("下载成功")
                            isShowProgress=false
                        }else{
                            Log.i("===", it.data.toString())
                            list.addAll(it.data as Collection<AppsEntity>)
                        }
                    }

                    is UiState.onError -> {
                        Log.i("===", it.msg)
                    }

                    else -> {}
                }
            }
        }

        vm.sendIntent(AppsIntent.getApps(mapOf("userId" to 1, "page" to 1)))
    })

    Box(contentAlignment = Alignment.Center) {
        Column {
            BaseTitle(title = "在线应用",navHostController)

            list.forEach {
                Text(text = it.title, modifier = Modifier.padding(10.dp))
                LazyVerticalGrid(
                    verticalArrangement = Arrangement.spacedBy(6.dp),
                    columns = GridCells.Fixed(3),
                    content = {
                        items(it.appsList) {
                            AppsItem(entity = it){
                                isShowProgress=true
                                vm.sendIntent(AppsIntent.download(it.apkUrl, File(path,it.appName+".apk")))
                            }
                        }
                    })
            }
        }

        if(isShowProgress){
            CircularProgressIndicator()
        }
    }

}

@Composable
fun AppsItem(entity: AppsData, onClick: () -> Unit) {
    var isShow by remember {
        mutableStateOf(false)
    }
    Column(modifier = Modifier.clickable {
        isShow = true
    }, horizontalAlignment = Alignment.CenterHorizontally) {
        AsyncImage(model = entity.appIcon, contentDescription = "", modifier = Modifier.size(40.dp))
        Spacer(modifier = Modifier.height(2.dp))
        Text(text = entity.appName)
    }

    if (isShow) {
        AlertDialog(onDismissRequest = { isShow = false }, confirmButton = {
            Text(text = "确认",Modifier.clickable {
                onClick()
                isShow=false
            })
        }, dismissButton = {
            Text(text = "取消",Modifier.clickable { isShow=false })
        }, title = { Text(text = "下载提醒") },
            text = { Text(text = "是否要下载${entity.appName}吗？") })
    }
}